/* inline videos */

.video-box {

                position: relative;

                padding-bottom: 56.25%;

                padding-top: 15px;

                height: 0;

                margin-bottom: 20px;

}

.video-box iframe, .video-box object, .video-box embed {

                position: absolute;

                top: 0;

                left: 0;

                width: 100%;

                height: 100%;

}


@media only screen and (min-width: 768px) {

/* inline videos */

.video-box {

                height: 100%;

                max-height: 380px;

                max-width: 640px;

                padding-bottom: 5px;

                padding-top: 0;

                position: relative;

                margin-top: 20px;

                margin-bottom: 20px;

}

.video-box iframe, .video-box object, .video-box embed {

                position: relative;

                width: 640px;

                height: 380px;

}

}

/* 
* Rule added on July 15th, 2015 (DPS-3141)
* Centers images 
*/

img.imagecenter {

                display: block;
                
                margin: 0 auto;
                
}

img.imageright {
                
                display: block;
                
                margin-left: auto;
}

img.imageleft {

                display: block;
                
                margin-right: auto;
    
}
